.search-page {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #ffffff;
}
.search-header {
	display: flex;
	align-items: center;
	padding: 24rpx;
	/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU || MP-KUAISHOU */
	.search-page-search {
		width: 100%;
	}
	/* #endif */
	/deep/ .search-image {
		width: 36rpx;
		height: 36rpx;
		.icon-search {
			width: 100%;
			height: 100%;
		}
	}
	.cancel-btn {
		margin-left: 10rpx;
		font-size: 28rpx;
		color: #303133;
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU || MP-KUAISHOU */
		white-space: nowrap;
		/* #endif */
	}
}
.search-body {
	flex: 1;
	overflow: hidden;
	.search-scroll-view {
		height: 100%;
	}
	.search-scroll-body {
		padding-bottom: 50rpx;
	}
	.search-base-title {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 82rpx;
		padding: 0 24rpx;
		font-size: 28rpx;
		color: #cacee0;
		&::after {
			position: absolute;
			content: '';
			left: 0;
			bottom: 0;
			width: 100%;
			height: 1px;
			background-color: #eff0f6;
			transform: scaleY(0.5);
		}
		.icon-delete {
			width: 24rpx;
			height: 26rpx;
		}
	}
}